<template>
  <div>
    <div class="top">
      <div>联系我们</div>
    </div>
    <!-- 官方QQ -->
    <div class="info">
      <div class="top">
        <div>官方QQ</div>
      </div>
      <dl>
        <dt>
          <img src="../../assets/img/qq.png" alt />
          <span>{{buckle}}</span>
        </dt>
      </dl>
    </div>
    <!-- 微信 -->
    <div class="info">
      <div class="top">
        <div>官方微信</div>
      </div>
      <dl>
        <dt>
          <img src="../../assets/img/wechat.png" alt />
          <span>{{micro}}</span>
        </dt>
      </dl>
    </div>
     <!-- 联系电话 -->
    <div class="info">
      <div class="top">
        <div>联系电话</div>
      </div>
      <dl>
        <dt>
          <img src="../../assets/img/phone.png" alt />
          <span>{{phone}}</span>
        </dt>
      </dl>
    </div>
  </div>
</template>
<script>
import qs from "qs";
import axios from "axios";
export default {
  data() {
    return {
      buckle:"",//qq
      micro:"",//微信
      phone:""//电话

    };
  },
  methods:{
      // 联系我们
    please(){
        let that = this
         that.$axios
        .get(window.addressUrl.contactUs, {
         
        })
        .then(res => {
          console.log(res.data);
          if(res.data.code == 200){
            that.buckle = res.data.data[0].configValue
            that.micro = res.data.data[1].configValue
            that.phone = res.data.data[2].configValue
           
          }
         
        });
    },
  },
  created(){
    this.please();
  }
};
</script>
<style lang="less" scoped>
.top {
  width: 100%;
  height: 50px;
  background: rgba(255, 255, 255, 1);
  box-shadow: -1px 3px 6px 0px rgba(71, 142, 229, 0.08);
  div {
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(56, 83, 118, 1);
    line-height: 50px;
    margin-left: 9px;
  }
}
// 官方扣扣
.info {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  margin-top: 10px;
  padding-bottom: 1px;
  dl dt img {
    width: 17px;
    height: 17px;
    margin-left: 17px;
  
  }
}
   span {
      font-size: 12px;
      font-family: PingFang-SC-Medium;
      font-weight: 500;
      color: rgba(51, 51, 51, 1);
      margin-left: 30px;
    }
</style>


